.top {
    font-size: large;
    margin: 10px;
    color: green;
    padding: 4px;
    letter-spacing: 3px;
}
.top a:link {
    color: green;
    font-family: fontawesome;
    text-decoration: none;
}
.top a:hover {
    color: greenyellow;
}
.top span {
    float: right;
    font-family: 'Segoe UI',Arial,sans-serif
}
body {margin:0}

.icon-bar {
    width: 100%;
    background-color: #5f5f5f;
    overflow: auto
}

.icon-bar a {
    float: left;
    text-align: center;
    padding: 10px 14px;
    color: white;
    font-size: 18px;
    width: auto;
    text-decoration: none
}

.icon-bar a:hover {
    background-color: #000;
}
.dropdown {
    float: left;
    overflow: hidden;
}
.dropdown .more {
    cursor: pointer;
    font-size: 18px;    
    border: none;
    outline: none;
    color: white;
    padding: 10px 14px;
    background-color: inherit;
    text-align: center
}
.more:hover {
    background-color: #000;
}
.drop-content {
    display: none;
    position: absolute;
    background-color: #5f5f5f;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.drop-content a, h3 {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.show {display:block;}